{% layout = "minilyrics/base.html" %}

{-title-}MiniLyrics - _TLM(Show lyrics in iTunes, Windows Media Player, Winamp, etc.){-title-}

{-script-}
<script type="text/javascript" src="/static/js/fade.js"></script>
<link href="/static/css/fade_o.css" type="text/css" rel="stylesheet" />
{-script-}

{-content-}

<div class="row">
        <div class="col-sm-6">
            <h3 class="indent">_TLM(Display lyrics for your favorite music! Free!)</h3>
            <ul>
                <li>_TLM(Lyrics plugin software for iTunes, Windows Media Player, Winamp, etc. You needn't change the way of enjoying music.)</li>
                <li>_TLM(Display scrolling lyrics, you can follow along with the artist and catch every word.)</li>
                <li>_TLM(Automatically search and download lyrics.)</li>
                <li>_TLM(Huge lyrics database, and it is expanding every day.)</li>
                <li>_TLM(Download and save lyrics in your song files, you can view these lyrics on your iPod or iPhone.)</li>
                <li>_TLM(Amazing translucency skins.)</li>
                <li>_TLM(Cross-platform, support Windows, Mac and Android.)</li>
            </ul>
        </div>
        <div class="col-sm-6">
            <div id="imageContainer">
                <img src="/static/img/screenshot4.png" width="460" height="309" alt="MiniLyrics screenshot"/> 
                <img src="/static/img/screenshot1.jpg" width="460" height="309" alt="MiniLyrics screenshot" style="display:none;"/>
                <img src="/static/img/screenshot3.jpg" width="460" height="309" alt="MiniLyrics screenshot" style="display:none;"/> 
                <img src="/static/img/screenshot5.jpg" width="460" height="309" alt="MiniLyrics screenshot" style="display:none;"/> 
            </div>
        </div>
    </div>
    
    <div>
        <hr />
        <h3>_TLM(MiniLyrics supports)</h3>
    
        <div class="row">
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/iTunes-lyrics"><img src="/static/players/iTunes.jpg" class="playerImage" alt="iTunes Lyrics"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/Windows-Media-Player-lyrics"><img src="/static/players/Windows-Media-Player.jpg" class="playerImage" alt="Windows Media Player Lyrics"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/Winamp-lyrics"> <img src="/static/players/Winamp.jpg" class="playerImage" alt="Winamp Lyrics"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/MediaMonkey-lyrics"> <img src="/static/players/MediaMonkey.jpg" class="playerImage" alt="MediaMonkey Lyrics"></a>
            </div>
            <!-- <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="Spotify-lyrics"> <img src="/static/players/Spotify.jpg" class="playerImage" alt="Spotify"></a>
            </div> -->
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/Spotify-lyrics"> <img src="/static/players/Zune.jpg" class="playerImage" alt="Zune"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/foobar2000-lyrics"> <img src="/static/players/Foobar2000.jpg" class="playerImage" alt="Foobar2000"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/vlc-lyrics"> <img src="/static/players/VLC-Media-Player.jpg" class="playerImage" alt="VLC Media Player"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/foobar2000-lyrics"> <img src="/static/players/Songbird.jpg" class="playerImage" alt="Songbird"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/foobar2000-lyrics"> <img src="/static/players/AIMP2.jpg" class="playerImage" alt="AIMP2"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/Spotify-lyrics"> <img src="/static/players/Media-Player-Classic.jpg" class="playerImage" alt="Media Player Classic Home Cinema"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/foobar2000-lyrics"> <img src="/static/players/The-KMPlayer.jpg" class="playerImage" alt="The KMPlayer"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/foobar2000-lyrics"> <img src="/static/players/Yahoo!-Music-Engine.jpg" class="playerImage" alt="Yahoo! Music Engine"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/foobar2000-lyrics"> <img src="/static/players/J.-River-Media-Center.jpg" class="playerImage" alt="J. River Media Center"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/foobar2000-lyrics"> <img src="/static/players/J.-River-Media-Jukebox.jpg" class="playerImage" alt="J. River Media Jukebox"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/XMPlay-lyrics"> <img src="/static/players/XMPlay.jpg" class="playerImage" alt="XMPlay"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/Spotify-lyrics"> <img src="/static/players/JetAudio.jpg" class="playerImage" alt="JetAudio"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/foobar2000-lyrics"> <img src="/static/players/Quintessential-Player.jpg" class="playerImage" alt="Quintessential Player"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/Spotify-lyrics"> <img src="/static/players/AlbumPlayer.jpg" class="playerImage" alt="AlbumPlayer"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/foobar2000-lyrics"> <img src="/static/players/BSPlayer.jpg" class="playerImage" alt="BSPlayer"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/foobar2000-lyrics"> <img src="/static/players/Silverjuke.jpg" class="playerImage" alt="Silverjuke"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/Spotify-lyrics"> <img src="/static/players/Helium-Music-Manager.jpg" class="playerImage" alt="Helium Music Manager"></a>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
                <a href="faq/MusicBee-lyrics"> <img src="/static/players/MusicBee.jpg" class="playerImage" alt="MusicBee"></a>
            </div>
        </div>
    
    </div>
{-content-}
